/* 
Theme Name:      Blacklight-Child
Theme URI:       https://www.ingenima.com/
Description:     Blacklight-Child is a child theme of Blacklight
Author:          Ingenima
Template:        blacklight
Version:         1.0.0
Text Domain:     blacklight-child
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
    # Reset
    # Seleccion
# Typography
# Colores
    ## BG
    ## Productos
        ### Oficina Virtual
        ### Municipios
        ### Nosotros
# Productos
    ## Hero
    ## Intro
    ## Destacados
    ## Beneficios
    ## Accordions
# Mobile 
# Nosotros

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General
---------------------------------------------------------------*/


## Reset


.post,
.page {
    margin: 0 !important;
}

/*******
# Selection
*******/

::-moz-selection {
    background: rgba(131, 63, 123, 0.6);
    color:#fff;
}

::selection {
    background: rgba(131, 63, 123, 0.6);
    color:#fff;
}

/*--------------------------------------------------------------
# Typography
---------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

h2 {
    font-size:26px;
    font-weight:bold;
}

h3 {
    font-size:18px;
    font-weight:bold;
}

/*--------------------------------------------------------------
# Colores
---------------------------------------------------------------*/

/*******
## BG
*******/

.intv-bg-grey {
    background-color:#f8fbfe;
}

/*******
## Productos
*******/

a:hover:not(.bl-btn):not(.nav-link),
a:focus:not(.bl-btn):not(.nav-link),
a:active:not(.bl-btn):not(.nav-link) {
    color: #833f7b !important;
    text-decoration:none !important;
}

/* 
### Oficina Virtual
*/
.intv-oficina-virtual h1,
.intv-oficina-virtual h2,
.intv-oficina-virtual .bl-destacadoPrincipal .heading .btn,
.intv-oficina-virtual a:hover:not(.bl-btn):not(.nav-link),
.intv-oficina-virtual a:focus:not(.bl-btn):not(.nav-link),
.intv-oficina-virtual a:active:not(.bl-btn):not(.nav-link) {
    color: #46ce90 !important;
}

.intv-oficina-virtual .intv-item-container {
    border-top: 5px solid #46ce90;
}

/* 
### Municipios
*/

/* General */
.intv-municipios h1,
.intv-municipios h2,
.intv-municipios a:hover:not(.bl-btn):not(.nav-link),
.intv-municipios a:focus:not(.bl-btn):not(.nav-link),
.intv-municipios a:active:not(.bl-btn):not(.nav-link) {
    color: #78dcf7 !important;
}

/* Accordions */
.intv-municipios .intv-item-container {
    border-top: 5px solid #78dcf7;
}

.intv-municipios .bl-destacadoPrincipal .bl-archive {
    border-top:2px solid #78dcf7;
    border-left:2px solid #78dcf7;
    border-right:2px solid #78dcf7;
}

.intv-municipios .bl-destacadoPrincipal .bl-archive:last-child {
    border-bottom:2px solid #78dcf7;
}

/* 
### RRHH
*/

/* General */
.intv-recursos-humanos h1,
.intv-recursos-humanos h2,
.intv-recursos-humanos a:hover:not(.bl-btn):not(.nav-link),
.intv-recursos-humanos a:focus:not(.bl-btn):not(.nav-link),
.intv-recursos-humanos a:active:not(.bl-btn):not(.nav-link) {
    color: #f9a973 !important;
}

/* Accordions */
.intv-recursos-humanos .intv-item-container {
    border-top: 5px solid #f9a973;
}

.intv-recursos-humanos .bl-destacadoPrincipal .bl-archive {
    border-top:2px solid #f9a973;
    border-left:2px solid #f9a973;
    border-right:2px solid #f9a973;
}

.intv-recursos-humanos .bl-destacadoPrincipal .bl-archive:last-child {
    border-bottom:2px solid #f9a973;
}

/* 
### Nosotros
*/

/* Accordions */
.intv-nosotros .intv-item-container {
    border-top: 5px solid #833e7b;
}

.intv-nosotros .bl-destacadoPrincipal .bl-archive {
    border-top:2px solid #833e7b;
    border-left:2px solid #833e7b;
    border-right:2px solid #833e7b;
}

.intv-nosotros .bl-destacadoPrincipal .bl-archive:last-child {
    border-bottom:2px solid #833e7b;
}

/*General*/

.intv-recursos-humanos .bl-destacadoPrincipal .heading .btn,
.intv-recursos-humanos .bl-destacadoPrincipal .heading .btn:hover:not(.bl-btn):not(.nav-link),
.intv-recursos-humanos .bl-destacadoPrincipal .heading .btn:focus:not(.bl-btn):not(.nav-link),
.intv-municipios .bl-destacadoPrincipal .heading .btn,
.intv-municipios .bl-destacadoPrincipal .heading .btn:hover:not(.bl-btn):not(.nav-link),
.intv-municipios .bl-destacadoPrincipal .heading .btn:focus:not(.bl-btn):not(.nav-link),
.intv-oficina-virtual .bl-destacadoPrincipal .heading .btn,
.intv-oficina-virtual .bl-destacadoPrincipal .heading .btn:hover:not(.bl-btn):not(.nav-link),
.intv-oficina-virtual .bl-destacadoPrincipal .heading .btn:focus:not(.bl-btn):not(.nav-link),
.intv-nosotros .bl-destacadoPrincipal .heading .btn,
.intv-nosotros .bl-destacadoPrincipal .heading .btn:hover:not(.bl-btn):not(.nav-link),
.intv-nosotros .bl-destacadoPrincipal .heading .btn:focus:not(.bl-btn):not(.nav-link) {
    color: #000;
}

/*--------------------------------------------------------------
# Productos
---------------------------------------------------------------*/

/*******
## Hero 
*******/

.intv-hero-title{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; 
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.intv-productos-hero {
    background-repeat: no-repeat;
    background-size: 100%%;
    background-position: right top;
    min-height:80vh;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.intv-productos-hero > .container > .row .col-md-6:nth-child(2) {
    text-align: center;
}

.intv-productos-hero img {
    max-height: 500px;
}

.intv-productos-brand {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding:15px 0;
}

.intv-productos-brand img {
    max-width:47px;
    margin-right:15px;
}

.intv-productos-brand h2 {
    text-transform:uppercase;
    font-weight:bold;
    font-size:20px;
    margin-bottom:0;
}


/*******
## Intro 
*******/

.intv-productos-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}

.intv-shape {
    position:absolute;
    max-width: 50px;
}

.intv-shape-1 {
    left:18%;
    bottom:10%;
}

.intv-shape-2 {
    right:18%;
    top:10%;
    -moz-transform: scale(-1);
    -webkit-transform: scale(-1);
    -o-transform: scale(-1) ;
    -ms-transform: scale(-1) ;
    transform: scale(-1) ;
}


/*******
 ## Destacados 
*******/

/*.intv-destacados img {
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.25);
}*/

/*******
 ## Beneficios 
*******/

.intv-oficina-virtual .intv-item-container {
    min-height:360px !important;
 }

.intv-municipios .intv-item-container {
    min-height: 300px !important;
}

.intv-item-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
}

 .intv-beneficios img {
     max-height:70px;
     max-width:70px;
 }


/*******
## Accordions
*******/

.bl-destacadoPrincipal h2 {
    font-weight:bold;
}

.bl-destacadoPrincipal .bl-archive {
    border-top:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
}

.bl-destacadoPrincipal .bl-archive:last-child {
    border-bottom:1px solid #eaeaea;
}

.bl-destacadoPrincipal .heading .btn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight:bold;
    white-space: normal;
    text-align:left;

}

.bl-destacadoPrincipal .heading a:focus {
    box-shadow:none;
}

.bl-destacadoPrincipal a.btn.p-0.collapsed i {
    margin-top:5px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    -moz-transition: all 0.25s 0s ease-in-out;
    -o-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    color:#000;
}

.bl-destacadoPrincipal .heading .btn:not(.collapsed) i {
    margin-top:5px;
    -ms-transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    -webkit-transition: all 0.25s 0s ease-in-out;
    -moz-transition: all 0.25s 0s ease-in-out;
    -o-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
    color:#000;
}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media only screen and (max-width: 766px) {

    .intv-productos-hero {
        background-size: 0%;
    }

    /*******
    ## Intro 
    *******/

    .intv-shape {
        max-width:30px;
    }

    .intv-shape-1 {
        left:5%;
        bottom:3%;
    }

    .intv-shape-2 {
        right:5%;
        top:3%;
        -moz-transform: scale(-1);
        -webkit-transform: scale(-1);
        -o-transform: scale(-1) ;
        -ms-transform: scale(-1) ;
        transform: scale(-1) ;
    }
}

/*--------------------------------------------------------------
# Nosotros
---------------------------------------------------------------*/

.intv-nsts {
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}